var wn = document.querySelector("#wn");

//滚动事件，没触发一次，这个事件就执行一次。
window.onscroll = function(){

    //判断他离顶部的距离
    if (document.documentElement.scrollTop > 1000 || document.body.scrollTop > 1000){
        wn.style.display = "block";
    }
    else {
        wn.style.display = "none";
    }
};


wn.addEventListener('click',function(){
    //距离顶部的距离为x为0，y为0.
    //window.scrollTo(0,0);


    window.scrollTo({
        top: 0 ,
        behavior: 'smooth'
    })

});